<template>
  <div class="error">
        <div class="title">
          <h3>异常设备监控</h3>
          <i class="iconfont icon-xiaoxi"></i>
        </div>
        <div class="content">
          <div class="pic"><img src="~@/assets/images/empty.png" /></div>
          <p>暂无数据</p>
        </div>
      </div>
</template>

<script>
export default {
  name: 'ErrorData'

}
</script>

<style lang="less" scoped>
.error {
    flex: 2;
    height: 353px;
    border-radius: 10px;
    margin: 0 0 0 20px;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 1px 1px 10px rgb(240, 239, 239);
    .title {
      display: flex;
      justify-content: space-between;
      h3 {
        font-size: 16px;
        color: #333;
      }
      i {
        color: #5f84ff;
        cursor: pointer;
        font-size: 16px;
      }
    }
    .content {
      display: flex;
      height: 100%;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      .pic {
        width: 123px;
        height: 96px;
      }
      p {
        margin-top: 25px;
        color: #20232a;
        font-size: 14px;
      }
    }
  }
</style>
